 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Personal information.aspx.cs" Inherits="webCA.Personal_information" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        } 
        .style2
        {
            width: 178px;
        }
        .style3
        {
            background-color: #3366FF;
        }
        .style4
        {
            width: 178px;
            background-color: #3366FF;
        }
        .style5
        {
            width: 800px;
        }
        .style6
        {
            width: 206px;
        }
        .style7
        {
            width: 342px;
        }
    </style>
<script language="javascript" type="text/javascript">
function validateLength(source,arguments)
{
arguements.IsValid=false;
 if(arguements.Value.length>9)
 return;
 arguements.IsValid=true;
}
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <table class="style1">
            <tr>
                <td class="style2">
                    <asp:Image ID="Image1" runat="server" 
                        ImageUrl="~/Presentation/Images/guest.png" />
                </td>
                <td>
                    <asp:Label ID="Label1" runat="server" style="font-size: xx-large" 
                        Text="Personal Information"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="style4">
                    &nbsp;</td>
                <td class="style3">
                    <asp:Label ID="Label2" runat="server" style="font-size: large; color: #FFFFFF" 
                        Text="Personal Details"></asp:Label>
                </td>
            </tr>
        </table>
    
    </div>
    <table class="style5">
        <tr>
            <td class="style6">
                <asp:Label ID="Label3" runat="server" Text="Name"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtName" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="txtName" ErrorMessage="Please Enter Name" 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label4" runat="server" Text="Passport NO."></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtPassportNo" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:CustomValidator ID="CustomValidator1" runat="server" 
                    ControlToValidate="txtPassportNo" ErrorMessage="Please Enter Passport NO." 
                    ForeColor="Red" Display="Dynamic">*</asp:CustomValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label5" runat="server" Text="Age"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtAge" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                    ControlToValidate="txtAge" ErrorMessage="Please Enter Age" ForeColor="Red" 
                    Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label6" runat="server" Text="Gender"></asp:Label>
            </td>
            <td class="style7">
                <asp:RadioButton ID="rdbMale" runat="server" Checked="True" GroupName="gender" 
                    Text="Male" />
                <asp:RadioButton ID="rdbFemale" runat="server" GroupName="gender" 
                    Text="Female" />
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label7" runat="server" Text="Email"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtEmail" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" 
                    ControlToValidate="txtEmail" ErrorMessage="Please Enter Email" ForeColor="Red" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                    Display="Dynamic">*</asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label8" runat="server" Text="Mobile"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtMobile" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                    ControlToValidate="txtMobile" ErrorMessage="Please Enter Mobile" 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label9" runat="server" Text="Address"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtAddress" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                    ControlToValidate="txtAddress" ErrorMessage="Please Enter Address" 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label10" runat="server" Text="Next-Of-Kin Contact No."></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtNOKContact" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                    ControlToValidate="txtNOKContact" ErrorMessage="Please Enter N-O-K Contact No." 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label11" runat="server" Text="Next-Of-Kin Name"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtNOKName" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                    ControlToValidate="txtName" ErrorMessage="Please Enter N-O-K Name" 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                <asp:Label ID="Label12" runat="server" Text="Next-Of-Kin Address"></asp:Label>
            </td>
            <td class="style7">
                <asp:TextBox ID="txtNOKAddress" runat="server" Width="150px"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" 
                    ControlToValidate="txtNOKAddress" ErrorMessage="Please Enter N-O-K Address" 
                    ForeColor="Red" Display="Dynamic">*</asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style6">
                &nbsp;</td>
            <td class="style7">
                <asp:Button ID="Button1" runat="server" Text="Save" />
&nbsp;<asp:Button ID="Button2" runat="server" Text="Cancel" />
            </td>
            <td>
                &nbsp;</td>
        </tr>
    </table>
    </form>
</body>
</html>
